import React from 'react'

import { connect } from 'react-redux'

class ComA extends React.Component{
    handleClick = ()=>{
        // console.log("ComA:",this.props);
        // 发送action 
        this.props.sendAction()
    }
    render(){
        return(
            <button onClick={this.handleClick}> + </button>
        )
    }
}
/**
 * 这个函数要有一个返回值，返回值是一个对象
 * 最后他会将这个对象作为props对象，传递到组件内部
 * @param {*} dispatch 
 */
const mapDispatchToProps = (dispatch)=>{
    return {
        sendAction:()=>{
            // 利用dispatch 发送一个action
            // 传递action对象，我们要定义一个type属性
             dispatch({
                type:'add_action'
             })
        }
    }
}
// A是发送方，所以要实现connect中的第二参数
// 第二个参数是需要加强的组件,如果不需要接收参数，第一个参数可以不需要写
export default connect (null ,mapDispatchToProps)(ComA)
